@charset "UTF-8";
/* CSS reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, blockquote, img { margin: 0; padding: 0; }

body { font: 14px/1.2 Tahoma,Helvetica,Arial,"微软雅黑", PingFang SC,STXihei,"宋体","华文细黑",sans-serif; line-height: 22px; }

input, select, textarea { font-family: Tahoma, Helvetica, Arial, "微软雅黑" , PingFang SC, STXihei, "华文细黑","\5b8b\4f53", sans-serif; color: #666; outline: none; box-sizing: content-box; }

dl, ul, li, dt, dd { list-style: none; }

em, b, i, strong { font-style: normal; font-weight: normal; }

img { max-width: 100%; border: none; vertical-align: middle; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #666; }

input::-moz-focus-inner { padding: 0; }

input, select, textarea { outline-style: none; resize: none; }

button { outline: none; }

table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; }

header, section, article, aside, footer { display: block; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; }

/*字体颜色变量*/
/*字体大小变量*/
/*背景颜色变量*/
/*$bg-dark: #33384c;*/
/*border */
/*width*/
/*绿色安全图标颜色*/
/********图片精灵管理区域************/
.icon-sprite, .pageBar .list .prev i, .pageBar .list .next i, .pageBar .list .prev:hover i, .pageBar .list .prev.active i, .pageBar .list .next:hover i, .pageBar .list .next.active i, header .bot_menu .car a img, header .menu_web .car a img, main .leftNav dl dt .head .center, main .leftNav dl dt .head .money, main .leftNav dl dt .head .trade, main .leftNav dl dt .head .info, main .leftNav dl dt .head.active .center, main .leftNav dl dt .head.active .money, main .leftNav dl dt .head.active .trade, main .leftNav dl dt .head.active .info { background-image: url('../../icons/icon-se1d14b82ae.png'); background-repeat: no-repeat; }

/* 公共的按钮样式 */
.btn, .btn-default, .btn-primary, .btn-info, .order_pay .pay_type span label, .btn-disabled, .form-block .get-code { display: inline-block; width: 100px; height: 38px; line-height: 38px; margin-bottom: 0; font-size: 14px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 4px; border-width: 1px; border-style: solid; }

button.btn, button.btn-default, button.btn-primary, button.btn-info, button.btn-disabled, .form-block button.get-code { line-height: normal; }

.btn-default { color: #338bf1; background-color: #fff; border-color: #e5e5e5; }
.btn-default:focus, .btn-default:hover { background-color: #f0f0f0; border-color: #dddddd; }

.btn-primary { color: #fff; background-color: #338bf1; border-color: #2c76ce; }
.btn-primary:focus, .btn-primary:hover { background-color: #167bef; border-color: #296fc1; }

.btn-info, .order_pay .pay_type span label { color: #338bf1; background-color: #f5f5f5; border-color: #e5e5e5; }
.btn-info:focus, .order_pay .pay_type span label:focus, .btn-info:hover, .order_pay .pay_type span label:hover { background-color: #e6e6e6; border-color: #dddddd; }

.btn-disabled { color: #fff; background-color: #c8c8c8; border-color: #c8c8c8; cursor: not-allowed; }
.btn-disabled:focus, .btn-disabled:hover { background-color: #b9b9b9; border-color: silver; }

.btn-sm { width: 70px; height: 30px; line-height: 30px; }

button.btn-sm { line-height: normal; }

.btn-lg { width: 120px; }

.btn-lg2 { width: 150px; }

.btn-group { margin: 30px auto 20px; text-align: center; }
.btn-group [class^='btn-'] { margin: 0 10px; }

/* 非定宽的btn */
.btn-pad, .btn-pad-default, .btn-pad-primary { display: inline-block; padding: 5px 15px; margin-bottom: 0; font-size: 14px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 4px; border-width: 1px; border-style: solid; }

.btn-pad-default { color: #338bf1; background-color: #fff; border-color: #e5e5e5; }
.btn-pad-default:focus, .btn-pad-default:hover { background-color: #f0f0f0; border-color: #dddddd; }

.btn-pad-primary { color: #fff; background-color: #338bf1; border-color: #2c76ce; }
.btn-pad-primary:focus, .btn-pad-primary:hover { background-color: #167bef; border-color: #296fc1; }

/*圆角btn*/
.btn-radius, .btn-radius-default, .btn-radius-primary { display: inline-block; padding: 5px 15px; margin-bottom: 0; font-size: 14px; text-align: center; vertical-align: middle; cursor: pointer; border-radius: 4px; border-width: 1px; border-style: solid; border-radius: 25px; }

.btn-radius-default { color: #666; background-color: #fff; border-color: #e5e5e5; }
.btn-radius-default:focus, .btn-radius-default:hover { background-color: #f0f0f0; border-color: #dddddd; }

.btn-radius-primary { color: #fff; background-color: #338bf1; border-color: #2c76ce; }
.btn-radius-primary:focus, .btn-radius-primary:hover { background-color: #167bef; border-color: #296fc1; }

/******************css 组件 **************/
.cal-sprite, .num_box .cut:after, .num_box .add:after, .order_car .num_box .cut:after, .order_car .num_box .add:after { background-image: url('../../icons/cal-s99c5c1c7f0.png'); background-repeat: no-repeat; }

.formLayer { padding: 20px 10px 30px; }
.formLayer .table thead, .formLayer .tableLayer thead { background: none; border-bottom: 1px solid #e5e5e5; }
.formLayer .table td, .formLayer .tableLayer td { border-right: none; }

.num_box { position: relative; overflow: hidden; *zoom: 1; width: 100px; height: 26px; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 4px; }
.num_box .cut { float: left; width: 30px; height: 100%; }
.num_box .cut:after { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background-position: 0 -48px; height: 3px; width: 15px; }
.num_box input.num { float: left; width: 33px; padding: 0 2px; height: 100%; text-align: center; border: 1px solid #e5e5e5; border-top: none; border-bottom: none; }
.num_box input.insert { position: absolute; }
.num_box .add { float: left; width: 30px; height: 100%; }
.num_box .add:after { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background-position: 0 -24px; height: 14px; width: 14px; }

/*common style*/
body { background: #f5f5f5; color: #222; font-size: 14px; }

a { text-decoration: none; outline: none; }

h1 { font-size: 18px; }

h2 { font-size: 16px; }

h3 { font-size: 14px; }

.clearfix, .tab-menu, .form-block dl, .pageBar, .pageBar2, .tableLayer dl.row { *zoom: 1; }
.clearfix:after, .tab-menu:after, .form-block dl:after, .pageBar:after, .pageBar2:after, .tableLayer dl.row:after { content: ""; display: table; clear: both; }

.fl { float: left; }

.fr { float: right; }

.none { display: none !important; }

.hidePwd { position: absolute; opacity: 0; left: -9999px; }

.tl { text-align: left; }

.tr { text-align: right; }

.tc { text-align: center; }

.hr { height: 1px; background: #e5e5e5; }

.c-danger, .red { color: #ff5555; }

.c-primary { color: #338bf1; }

.c-info { color: #666; }

.c-info-light { color: #888; }

.fz16 { font-size: 16px; }

.fw_bold { font-weight: bold; }

.break-all { word-break: break-all; word-wrap: break-word; }

.break-word { word-wrap: break-word; text-align: left; }

.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.max-w { width: 1200px; min-width: 1200px; margin: 0 auto; *zoom: 1; }
.max-w:after { content: ""; display: table; clear: both; }

.min-w { min-width: 1200px; }

h1.header { height: 60px; line-height: 60px; padding-left: 30px; margin-bottom: 20px; background: #fff; }

.header3 h1 { font-size: 24px; margin-bottom: 10px; color: #222; }
.header3 p { color: #888; }
.header3 .r { float: right; }

/*多列布局*/
.col1 { float: left; width: 100%; }

/*每列100%*/
.col2 { float: left; width: 50%; }

/*每列50%*/
.link1 { color: #666; }
.link1:hover, .link1.active { color: #338bf1; }

.link2 { color: #338bf1; }
.link2:hover, .link2:active { color: #0e65ca; }

.detail_tr .detail_td { position: relative; width: 300px; }

.detail_tr .detail_td .detail_con { position: absolute; left: -80px; top: 50px; width: 500px; padding: 20px 15px; z-index: -1; border: 1px solid #338bf1; background: #fff; color: #999; border-radius: 4px; text-align: left; text-indent: 2em; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }

.detail_tr .detail_td .detail_con:before { content: ""; position: absolute; top: -9px; left: 50%; width: 15px; height: 15px; background: #fff; border: 1px solid #338bf1; border-right-color: transparent; border-bottom-color: transparent; z-index: 9; border-radius: 3px; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.detail_tr:hover .detail_td .detail_con { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; z-index: 9; }

.badge { position: relative; top: -8px; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; min-width: 10px; padding: 4px 5px; line-height: 10px; font-size: 14px; background: #ff5555; color: #fff; white-space: nowrap; text-align: center; border-radius: 10px; }

.panel { background: #fff; padding: 17px 20px; margin-bottom: 10px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.panel .header { padding-bottom: 17px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5; }
.panel .header .btn, .panel .header .btn-default, .panel .header .btn-primary, .panel .header .btn-info, .panel .header .order_pay .pay_type span label, .order_pay .pay_type span .panel .header label, .panel .header .btn-disabled, .panel .header .form-block .get-code, .form-block .panel .header .get-code { margin-top: -8px; }
.panel .header2 { position: relative; padding-bottom: 18px; margin-bottom: 17px; border-bottom: 1px solid #e5e5e5; }
.panel .header2 h2 { color: #666; font-weight: normal; }
.panel .header2 .btn, .panel .header2 .btn-default, .panel .header2 .btn-primary, .panel .header2 .btn-info, .panel .header2 .order_pay .pay_type span label, .order_pay .pay_type span .panel .header2 label, .panel .header2 .btn-disabled, .panel .header2 .form-block .get-code, .form-block .panel .header2 .get-code { position: absolute; right: 0; top: -13px; }
.panel .header3 { padding: 20px 0 40px; }
.panel .empty_tip { padding: 15px; font-size: 16px; color: #222; }

.table, .tableLayer { width: 100%; max-width: 100%; table-layout: fixed; text-align: center; border: 1px solid #e5e5e5; }
.table td, .tableLayer td { padding: 0 5px; }
.table thead, .tableLayer thead { height: 48px; line-height: 48px; background: #e5e5e5; color: #666; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.table tbody tr, .tableLayer tbody tr { border-bottom: 1px solid #e5e5e5; }
.table tbody td, .tableLayer tbody td { height: 80px; border-right: 1px solid #e5e5e5; /* &:last-child a{padding-left: 30%;text-align: left;}*/ }
.table tbody td a, .tableLayer tbody td a { display: block; }

.tab-menu { margin-bottom: 40px; padding-top: 5px; padding-left: 16px; color: #666; }
.tab-menu ul li { float: left; position: relative; margin-right: 20px; }
.tab-menu ul li .badge { top: -9px; right: -2px; }
.tab-menu ul li a { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; color: #666; -moz-transition: color, 0.3s, ease-in; -o-transition: color, 0.3s, ease-in; -webkit-transition: color, 0.3s, ease-in; transition: color, 0.3s, ease-in; }
.tab-menu ul li a:after { content: ""; position: absolute; bottom: -25px; opacity: 0; left: 0; width: 100%; height: 2px; background: #338bf1; -moz-transition: all, 0.3s, ease-in; -o-transition: all, 0.3s, ease-in; -webkit-transition: all, 0.3s, ease-in; transition: all, 0.3s, ease-in; }
.tab-menu ul li a:hover, .tab-menu ul li a.active { color: #338bf1; }
.tab-menu ul li a:hover:after, .tab-menu ul li a.active:after { opacity: 1; -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); }

.radio-wrap { vertical-align: middle; }
.radio-wrap input[type=radio] + label:hover:before { content: "\2022"; color: #338bf1; font-size: 12px; text-align: center; line-height: 14px; background-color: #fff; border: 1px solid #fff; border: 1px solid #338bf1; }
.radio-wrap input[type=radio] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; left: -9999px; }
.radio-wrap input[type=radio]:checked + label:before { content: "\2022"; color: #fff; font-size: 12px; text-align: center; line-height: 14px; background-color: #338bf1; border: 1px solid #338bf1; }
.radio-wrap label { display: inline-block; cursor: pointer; position: relative; margin-right: 15px; font-size: 13px; }
.radio-wrap label:before { content: ""; display: inline-block; width: 15px; height: 15px; vertical-align: middle; border: 1px solid #ccc; border-radius: 100%; margin-right: 5px; background-color: #fff; }

.checkbox-wrap input[type=checkbox] { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; left: -9999px; }
.checkbox-wrap input[type=checkbox]:checked + label:before { background: url("/res/mpe/img/checked.png") no-repeat center; background-size: 11px 10px; text-align: center; background-color: #338bf1; border: 1px solid #338bf1; }
.checkbox-wrap label.check_box:hover { background: url("/res/mpe/img/check_hover.png") no-repeat 2px 6px; background-size: 11px 10px; }
.checkbox-wrap label.check_box:hover:before { border: 1px solid #338bf1; }
.checkbox-wrap label.check_box:before { content: ""; display: inline-block; margin-right: 2px; width: 14px; height: 14px; vertical-align: middle; border-radius: 3px; border: 1px solid #ccc; }

.asterisk { color: #ff5555; font-size: 16px; padding: 2px; }

.ui-add { border: 1px dashed #ccc; height: 40px; width: 40px; text-align: center; line-height: 36px; display: inline-block; margin-right: 10px; }
.ui-add span { font-size: 30px; color: #ccc; }

.form-inline { margin-bottom: 30px; }
.form-inline input, .form-inline select { border: 1px solid #e5e5e5; margin-right: 10px; }
.form-inline select { padding: 5px 5px 4px; }
.form-inline input[type='text'] { width: 120px; padding: 5px; }
.form-inline .Wdate { width: 60px; }
.form-inline .btn, .form-inline .btn-default, .form-inline .btn-primary, .form-inline .btn-info, .form-inline .order_pay .pay_type span label, .order_pay .pay_type span .form-inline label, .form-inline .btn-disabled, .form-inline .form-block .get-code, .form-block .form-inline .get-code { vertical-align: top; }

.form-block .form-control { border: 1px solid #e5e5e5; margin-right: 10px; -moz-transition: all, 0.3s; -o-transition: all, 0.3s; -webkit-transition: all, 0.3s; transition: all, 0.3s; }
.form-block .form-control.error { border-color: #ff5555; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 110, 158, 0.75); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 110, 158, 0.75); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 110, 158, 0.75); }
.form-block .form-control:focus { border-color: #8cd2ff; outline: 0; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.form-block dt { float: left; width: 110px; line-height: 38px; margin-right: 15px; text-align: right; }
.form-block dd { margin-left: 125px; margin-bottom: 15px; }
.form-block dd select.form-control { padding: 5px 5px 4px; }
.form-block dd input.form-control { width: 340px; height: 38px; line-height: 38px; padding: 0 5px; }
.form-block dd.setLine { line-height: 38px; }
.form-block .text dt, .form-block .text dd { height: auto; line-height: normal; }
.form-block textarea.full { width: 100%; padding: 5px; box-sizing: border-box; }
.form-block .radio-wrap, .form-block .checkbox-wrap { line-height: 38px; }
.form-block .btn-group { margin-left: 15px; text-align: left; }
.form-block .bottom-btn { padding: 20px 0; }
.form-block .bottom-btn .btn, .form-block .bottom-btn .btn-default, .form-block .bottom-btn .btn-primary, .form-block .bottom-btn .btn-info, .form-block .bottom-btn .order_pay .pay_type span label, .order_pay .pay_type span .form-block .bottom-btn label, .form-block .bottom-btn .btn-disabled, .form-block .bottom-btn .get-code { margin-right: 15px; }
.form-block .get-code { width: auto; min-width: 100px; color: #fff; border-radius: 0; background: #e5e5e5; cursor: not-allowed; }
.form-block .get-code.active { color: #338bf1; border: 1px solid #338bf1; cursor: pointer; background: none; }
.form-block label.error { color: #ff5555; padding-left: 5px; }

.table-form { margin: 20px; }
.table-form th { font-weight: normal; text-align: right; color: #666; }
.table-form th, .table-form td { padding: 5px 10px; }
.table-form .form-control { width: 120px; padding: 5px; margin-right: 15px; border: 1px solid #e5e5e5; }

.pageBar { padding: 50px 0 30px; }
.pageBar .number { float: left; font-size: 16px; color: #333; }
.pageBar .list { float: right; border: 1px solid #e5e5e5; border-radius: 4px; }
.pageBar .list li { float: left; text-align: center; }
.pageBar .list li a { display: block; padding: 5px 12px; color: #333; }
.pageBar .list li a:hover, .pageBar .list li a.active { color: #338bf1; }
.pageBar .list li a.active { background: #f5f5f5; }
.pageBar .list li span { display: block; padding: 5px 12px; background: #f5f5f5; color: #338bf1; }
.pageBar .list .li { border-left: 1px solid #e5e5e5; }
.pageBar .list .li:first-child { border-left: none; }
.pageBar .list .prev a, .pageBar .list .next a { padding-left: 15px; padding-right: 15px; }
.pageBar .list .prev i, .pageBar .list .next i { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; vertical-align: sub; background-position: 0 -166px; height: 17px; width: 10px; }
.pageBar .list .prev:hover i, .pageBar .list .prev.active i, .pageBar .list .next:hover i, .pageBar .list .next.active i { background-position: 0 -193px; height: 17px; width: 10px; }
.pageBar .list .prev i { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.pageBar .list .prev:hover i, .pageBar .list .prev.active i { -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.pageBar .list .next { border-left: 1px solid #e5e5e5; }

.pageBar2 { padding: 50px 0 30px; text-align: center; }
.pageBar2 .number { float: left; font-size: 16px; color: #333; line-height: 40px; }
.pageBar2 .list { display: inline-block; }
.pageBar2 .list li { float: left; margin: 0 5px; text-align: center; }
.pageBar2 .list li a { display: block; padding: 5px 12px; color: #888; background: #e5e5e5; border: 1px solid #e5e5e5; }
.pageBar2 .list li a:hover, .pageBar2 .list li a.active { background: #68a5ff; color: #fff; border-color: #1474ff; }
.pageBar2 .list li span { display: block; padding: 5px 12px; background: #68a5ff; color: #fff; border: 1px solid #e5e5e5; border-color: #1474ff; }
.pageBar2 .list .li { border-left: 1px solid #e5e5e5; }
.pageBar2 .control { float: right; }
.pageBar2 .control input { width: 30px; padding: 5px 5px 6px; margin: 0 3px; border: 1px solid #e5e5e5; }
.pageBar2 .control a { margin-left: 10px; }

/*end common style*/
.login-sprite, header .top_menu .fl .login i, header .top_menu .fl .login:hover i, header .top_menu .fl .reg i, header .menu_web .search_hot .search i { background-image: url('../../icons/login-s4c0f22be03.png'); background-repeat: no-repeat; }

/*header*/
header { color: #666; }
header .top_menu { position: fixed; z-index: 98; top: 0; width: 100%; *zoom: 1; height: 38px; line-height: 38px; border-bottom: 1px solid #e5e5e5; background: #f5f5f5; font-size: 12px; }
header .top_menu:after { content: ""; display: table; clear: both; }
header .top_menu.sticky { position: fixed; }
header .top_menu .fl a { margin: 0 15px; }
header .top_menu .fl .login i { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background-position: 0 0; height: 18px; width: 18px; margin-right: 5px; }
header .top_menu .fl .login:hover i { background-position: 0 -18px; height: 18px; width: 18px; }
header .top_menu .fl .reg i { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background-position: 0 -85px; height: 18px; width: 17px; margin-right: 5px; }
header .top_menu .phone { margin-right: 15px; }
header .top_menu .fr strong { color: #338bf1; }
header .top_menu .s-menu { color: #666; }
header .top_menu .s-menu a { color: #666; }
header .top_menu .s-menu a.ill { display: block; }
header .top_menu .s-menu a.ill i { display: inline-block; width: 8px; height: 7px; margin: 0 0 3px 6px; border: 1px solid; border-color: #999 #999 transparent transparent; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); -moz-transition: -moz-transform 0.3s ease-in; -o-transition: -o-transform 0.3s ease-in; -webkit-transition: -webkit-transform 0.3s ease-in; transition: transform 0.3s ease-in; }
header .top_menu .s-menu:hover .inner { display: block; top: 38px; right: 0; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; z-index: 9; }
header .top_menu .s-menu:hover a.ill > i { margin-bottom: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
header .top_menu .s-menu li { position: relative; }
header .top_menu .s-menu .inner { position: absolute; display: none; top: 0; right: -8px; width: 100px; background-color: #fff; z-index: -1; box-shadow: 0 3px 11px #ccc; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
header .top_menu .s-menu .inner li:hover { background-color: #f5f5f5; }
header .bot_menu { background: #338bf1; height: 80px; line-height: 80px; margin-top: 35px; /*.car { a {padding: 10px;background: $bg-white;color: $font-info-color; img {@include icon-sprite(car);margin-right: 10px;} .r {@include triangle(5px,right,2px,$border-info-color);} }
}*/ }
header .bot_menu .logo { width: 280px; }
header .bot_menu .car a { padding: 5px 16px; background: #f5f5f5; border: 1px solid #e5e5e5; color: #666; border-radius: 30px; }
header .bot_menu .car a img { background-position: 0 0; height: 20px; width: 25px; margin-right: 10px; }
header .bot_menu .car a .r { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 5px; height: 5px; border: 2px solid; border-color: #ccc #ccc transparent transparent; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header .bot_menu ul { float: left; height: 80px; max-width: 700px; overflow: hidden; }
header .bot_menu ul li { float: left; }
header .bot_menu ul li a { display: block; padding: 0 55px; color: #fefefe; text-decoration: none; }
header .bot_menu ul li a:hover, header .bot_menu ul li a.active { color: #fff; background: #2c76ce; }
header nav.noborder { border-bottom: none; margin-bottom: 0; }
header .menu_web { /*height: 100px;*/ line-height: 100px; margin-bottom: 5px; margin-top: 38px; background: #fff; font-size: 16px; border-bottom: 2px solid #338bf1; }
header .menu_web .logo { width: 280px; }
header .menu_web .logo img { width: 196px; height: 48px; }
header .menu_web .car a { padding: 5px 16px; background: #f5f5f5; border: 1px solid #e5e5e5; display: inline-block; height: 30px; line-height: 30px; color: #666; border-radius: 30px; }
header .menu_web .car a img { background-position: 0 0; height: 20px; width: 25px; margin-right: 10px; }
header .menu_web .car a .r { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 5px; height: 5px; border: 2px solid; border-color: #ccc #ccc transparent transparent; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
header .menu_web ul#topMenu { margin: auto; max-width: 700px; max-height: 100px; padding-left: 34px; }
header .menu_web ul#topMenu li { float: left; margin-right: 20px; }
header .menu_web ul#topMenu li a { padding: 4px 14px; color: #666; border: 1px solid #fff; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
header .menu_web ul#topMenu li a:hover, header .menu_web ul#topMenu li a.active { border-color: #2c88f4; border-radius: 30px; color: #2c88f4; }
header .menu_web .search_hot .search { border: 2px solid #2c88f4; line-height: 38px; margin-top: 31px; }
header .menu_web .search_hot .search input[type="text"] { border: none; width: 420px; height: 38px; display: inline-block; color: #b4b4b4; font-size: 14px; }
header .menu_web .search_hot .search input[type="submit"] { background-color: #2c88f4; display: inline-block; color: #FFFFFF; height: 41px; border: none; padding: 0 40px; font-size: 18px; }
header .menu_web .search_hot .search i { display: inline-block; background-position: 0 -103px; height: 38px; width: 17px; float: left; margin: 0 7px; }
header .menu_web .search_hot .hot_word { overflow: hidden; *zoom: 1; height: 35px; line-height: 35px; }
header .menu_web .search_hot .hot_word li { float: left; margin-right: 15px; }
header .menu_web .search_hot .hot_word li a { color: #909090; font-size: 12px; }
header .menu_web .search_hot .hot_word li a:hover { color: #338bf1; }

main .breadcrumb { padding: 15px 0; color: #666; }
main .breadcrumb a { color: #338bf1; padding-bottom: 2px; margin: 0 3px; border-bottom: 2px solid transparent; }
main .breadcrumb a:hover { border-bottom-color: #338bf1; }
main .leftNav { width: 220px; margin-right: 30px; margin-bottom: 50px; float: left; background: #fff; }
main .leftNav dl dt .head { position: relative; display: block; padding: 21px 0; color: #338bf1; text-align: center; }
main .leftNav dl dt .head img { position: absolute; left: 38px; }
main .leftNav dl dt .head .center { background-position: 0 -254px; height: 24px; width: 24px; }
main .leftNav dl dt .head .money { background-position: 0 -132px; height: 24px; width: 24px; }
main .leftNav dl dt .head .trade { background-position: 0 -322px; height: 24px; width: 24px; }
main .leftNav dl dt .head .info { background-position: 0 -64px; height: 24px; width: 24px; }
main .leftNav dl dt .head.active { background: #338bf1; color: #fff; }
main .leftNav dl dt .head.active .center { background-position: 0 -220px; height: 24px; width: 24px; }
main .leftNav dl dt .head.active .money { background-position: 0 -98px; height: 24px; width: 24px; }
main .leftNav dl dt .head.active .trade { background-position: 0 -288px; height: 24px; width: 24px; }
main .leftNav dl dt .head.active .info { background-position: 0 -30px; height: 24px; width: 24px; }
main .leftNav dl dd a { display: block; padding: 11px; color: #666; text-align: center; }
main .leftNav dl dd a:hover, main .leftNav dl dd a.active { color: #338bf1; background: #eaf0fb; }

main .main { float: left; width: 950px; margin-bottom: 50px; }

aside.ad_bar_footer { margin-top: 50px; background: #fff; }

footer { background: #373d42; color: #666; }
footer dl.friends_link { padding: 40px 0 36px; border-bottom: 1px solid #3d4355; }
footer dl.friends_link dt { float: left; padding-right: 25px; margin-right: 25px; border-right: 1px solid #5c6170; color: #fff; font-size: 16px; }
footer dl.friends_link dd { float: left; margin-right: 70px; }
footer dl.friends_link dd a { color: #888; font-size: 16px; }
footer dl.friends_link dd a:hover { color: #338bf1; }
footer ul.item { *zoom: 1; padding-top: 40px; padding-bottom: 60px; }
footer ul.item:after { content: ""; display: table; clear: both; }
footer ul.item li { float: left; }
footer ul.item li dt { padding-bottom: 20px; color: #fff; font-size: 16px; }
footer ul.item li dd { margin-bottom: 8px; color: #888; }
footer ul.item li dd a { color: #888; }
footer ul.item li dd a:hover { color: #338bf1; }
footer ul.item li dd .wx_service { border: 1px solid; border-radius: 25px; padding: 7px 15px; display: inline-block; margin-top: 10px; }
footer ul.item li dd.tel { font-size: 30px; height: 48px; line-height: 48px; margin-bottom: 5px; color: #fff; }
footer ul.item li dd.tel strong { font-weight: normal; }
footer .bot_bar { height: 75px; line-height: 75px; *zoom: 1; background: #2f3539; }
footer .bot_bar:after { content: ""; display: table; clear: both; }
footer .bot_bar small { margin-left: 10px; }
footer .bot_bar .identify a { margin-left: 10px; }
footer .bot_bar .identify a img { width: 102px; height: 37px; }

/*=======================右侧工具条======================*/
@-moz-keyframes leftFadeIn { 0% { opacity: 0; -moz-transform: translate(-15px); transform: translate(-15px); }
  100% { opacity: 1; -moz-transform: translate(0); transform: translate(0); } }
@-webkit-keyframes leftFadeIn { 0% { opacity: 0; -webkit-transform: translate(-15px); transform: translate(-15px); }
  100% { opacity: 1; -webkit-transform: translate(0); transform: translate(0); } }
@keyframes leftFadeIn { 0% { opacity: 0; -moz-transform: translate(-15px); -ms-transform: translate(-15px); -webkit-transform: translate(-15px); transform: translate(-15px); }
  100% { opacity: 1; -moz-transform: translate(0); -ms-transform: translate(0); -webkit-transform: translate(0); transform: translate(0); } }
.toolbar-sprite, #toolbar .tb_m_off, #toolbar .top img, #toolbar .toolbar-list li.kefu img, #toolbar .toolbar-list li.user img, #toolbar .toolbar-list li.car img, #toolbar .toolbar-tb .tb-content .tb-c .tb-close, #toolbar .toolbar-tb .tb-bottom button i.settled { background-image: url('../../icons/toolbar-s6a826d1d7e.png'); background-repeat: no-repeat; }

#toolbar { position: fixed; z-index: 999; top: 0; bottom: 0; right: -280px; }
#toolbar .toolbar-menu { position: relative; float: left; width: 40px; min-height: 100%; background-color: #888; }
#toolbar .tb_m_off { display: block; margin: 25px auto; background-position: 0 -48px; height: 11px; width: 16px; cursor: pointer; }
#toolbar .top { position: absolute; bottom: 20px; width: 100%; height: 40px; line-height: 40px; margin-bottom: 3px; text-align: center; }
#toolbar .top:hover { background: #2c88f4; }
#toolbar .top img { background-position: 0 -135px; height: 20px; width: 20px; -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }
#toolbar .toolbar-list { position: absolute; top: 50%; }
#toolbar .toolbar-list li { position: relative; width: 40px; line-height: 40px; margin-bottom: 3px; text-align: center; color: #fff; }
#toolbar .toolbar-list li .detail { display: none; position: absolute; width: auto; min-width: 120px; white-space: nowrap; right: 41px; top: 0; font-size: 16px; -moz-animation: leftFadeIn 0.3s ease-out; -webkit-animation: leftFadeIn 0.3s ease-out; animation: leftFadeIn 0.3s ease-out; }
#toolbar .toolbar-list li .detail .con { line-height: 24px; text-align: center; color: #2c88f4; background: #888; }
#toolbar .toolbar-list li .detail .con p { padding: 5px 15px; transition: background 0.2s ease-in; border-bottom: 1px dashed #ccc; }
#toolbar .toolbar-list li .detail .con p:last-child { border-bottom: none; }
#toolbar .toolbar-list li .detail .con p a { color: #fff; }
#toolbar .toolbar-list li .detail .con p:hover { background: #2c88f4; }
#toolbar .toolbar-list li .detail .con:after { content: ""; position: absolute; right: -14px; top: 13px; display: inline-block; width: 0; height: 0; border: 8px solid; border-color: transparent transparent transparent #888; }
#toolbar .toolbar-list li.kefu img { background-position: 0 -69px; height: 26px; width: 24px; }
#toolbar .toolbar-list li.user img { background-position: 0 -220px; height: 24px; width: 24px; }
#toolbar .toolbar-list li.car { position: relative; border-bottom: 1px dashed #ccc; }
#toolbar .toolbar-list li.car.active, #toolbar .toolbar-list .progress2.step0 li.car:first-child, .progress2.step0 #toolbar .toolbar-list li.car:first-child, #toolbar .toolbar-list .progress2.step1 li.car:first-child, .progress2.step1 #toolbar .toolbar-list li.car:first-child, #toolbar .toolbar-list .progress2.step1 li.car:nth-child(2), .progress2.step1 #toolbar .toolbar-list li.car:nth-child(2), #toolbar .toolbar-list .progress2.step2 li.car:first-child, .progress2.step2 #toolbar .toolbar-list li.car:first-child, #toolbar .toolbar-list .progress2.step2 li.car:nth-child(2), .progress2.step2 #toolbar .toolbar-list li.car:nth-child(2), #toolbar .toolbar-list .progress2.step2 li.car:nth-child(3), .progress2.step2 #toolbar .toolbar-list li.car:nth-child(3), #toolbar .toolbar-list .progress2.step3 li.car, .progress2.step3 #toolbar .toolbar-list li.car { background: #2c88f4; }
#toolbar .toolbar-list li.car i { position: absolute; right: 2px; top: -3px; }
#toolbar .toolbar-list li.car span { display: inline-block; width: 25px; line-height: 22px; color: #fff; }
#toolbar .toolbar-list li.car img { background-position: 0 -18px; height: 20px; width: 25px; }
#toolbar .toolbar-list li:hover { background: #589afd; }
#toolbar .toolbar-list li:hover .detail { display: block; }
#toolbar .toolbar-tb { position: relative; float: left; width: 280px; background-color: #f5f5f5; height: 100%; }
#toolbar .toolbar-tb .tb-title { display: block; background-color: #FFFFFF; padding: 20px 15px; color: #222; }
#toolbar .toolbar-tb .tb-title span { font-size: 16px; margin-left: 10px; }
#toolbar .toolbar-tb .tb-loading { position: absolute; top: 65px; left: 0; right: 0; bottom: 0; padding-top: 40px; background: #fff; z-index: 99; text-align: center; }
#toolbar .toolbar-tb.loaded .tb-loading { display: none; }
#toolbar .toolbar-tb .tb-content { width: 280px; margin: auto; overflow-y: scroll; }
#toolbar .toolbar-tb .tb-content .tb-c { background-color: #FFF; margin-top: 10px; border-radius: 5px; padding: 20px 15px; *zoom: 1; position: relative; }
#toolbar .toolbar-tb .tb-content .tb-c:after { content: ""; display: table; clear: both; }
#toolbar .toolbar-tb .tb-content .tb-c .tb-close { margin: 0; position: absolute; right: 10px; top: 10px; display: block; background-position: 0 -165px; height: 13px; width: 13px; }
#toolbar .toolbar-tb .tb-content .tb-c dd .break-word { color: #222; font-size: 12px; }
#toolbar .toolbar-tb .tb-content .tb-c dd span { font-size: 14px; color: #ff5555; }
#toolbar .toolbar-tb .tb-content .tb-c .tb-inner { margin-top: 12px; }
#toolbar .toolbar-tb .tb-content .tb-c dt { height: 80px; line-height: 80px; margin-right: 15px; }
#toolbar .toolbar-tb .tb-bottom { text-align: center; position: absolute; bottom: 20px; left: 20px; width: 260px; height: 90px; }
#toolbar .toolbar-tb .tb-bottom button { background-color: #2c88f5; width: 100%; height: 42px; line-height: 42px; border-radius: 5px; border: none; color: #fff; margin-top: 20px; }
#toolbar .toolbar-tb .tb-bottom button i.settled { vertical-align: middle; display: inline-block; width: 20px; height: 20px; margin: 0 0 0 15px; background-position: 0 -135px; height: 20px; width: 20px; }
#toolbar .cut, #toolbar .add { text-align: center; }

/*-----------------------common css end 公共scss 结束分界线--------------------------*/
.ad_index .ad_vert { position: fixed; top: 0; left: 0; width: 100%; height: 80px; margin-bottom: 40px; background-color: #fff; z-index: 98; }
.ad_index .ad_vert .close_btn { top: 5px; right: 45px; z-index: 999; background: url("/res/mpe/img/closebtn.png") no-repeat; background-position: -149px -31px; display: block; position: fixed; width: 30px; height: 30px; }
.ad_index .ad_vert .ad_index_img { display: block; width: 100%; height: 80px; margin-left: 0px; }
.ad_index header .top_menu { top: 80px; transition: top 0.1s ease-out; }
.ad_index header .menu_web { margin-top: 118px; }
.ad_index.closed .ad_vert { display: none; }
.ad_index.closed header .top_menu { top: 0; }
.ad_index.closed header .menu_web { margin-top: 38px; }

.order_detail-sprite, .progress ul.description .step1 img, .contract-info ul.description .step1 img, .progress ul.description .step2 img, .contract-info ul.description .step2 img, .progress ul.description .step2-1 img, .contract-info ul.description .step2-1 img, .progress ul.description .step3 img, .contract-info ul.description .step3 img, .progress ul.description .step4 img, .contract-info ul.description .step4 img, .progress ul.description .step1-1 img, .contract-info ul.description .step1-1 img { background-image: url('../../icons/order_detail-s472c7e925e.png'); background-repeat: no-repeat; }

.pay_bar { height: 65px; line-height: 65px; margin-top: 40px; padding-left: 25px; background: #e5e5e5; }
.pay_bar span.mgr25 { margin-right: 25px; }
.pay_bar .fr { width: 70%; text-align: right; }
.pay_bar .pay_btn { display: inline-block; width: 100px; padding: 0 25px; text-align: center; color: #fff; background: #338bf1; }

.form-block .form-row { margin: 5px 0 10px; }
.form-block .form-row label { display: block; margin-bottom: 15px; }
.form-block .form-row textarea { padding: 5px; min-height: 40px; border: 1px solid #e5e5e5; width: 540px; }
.form-block .row_mes { overflow: hidden; *zoom: 1; float: right; margin-top: 35px; }

/*------------订单详情页-----------*/
.progress ul.description, .contract-info ul.description { width: 85%; margin: 12px auto; /*原点的三个状态*/ }
.progress ul.description li, .contract-info ul.description li { position: relative; float: left; text-align: center; }
.progress ul.description li dl, .contract-info ul.description li dl { position: relative; margin-top: 15px; }
.progress ul.description li dl:before, .contract-info ul.description li dl:before { content: ""; position: absolute; top: -8px; left: 50%; margin-left: -8px; width: 10px; height: 10px; background: #959fb2; border-radius: 100%; z-index: 2; border: 3px solid #fff; }
.progress ul.description li dt, .contract-info ul.description li dt { padding-top: 20px; border-top: 2px solid #c6ccd2; color: #888; font-weight: bold; }
.progress ul.description li dd, .contract-info ul.description li dd { padding: 5px 0; color: #888; }
.progress ul.description li.now dl:before, .contract-info ul.description li.now dl:before, .progress ul.description.offline.step0 li:first-child dl:before, .contract-info ul.description.offline.step0 li:first-child dl:before, .progress ul.description.offline.step1 li:nth-child(2) dl:before, .contract-info ul.description.offline.step1 li:nth-child(2) dl:before, .progress ul.description.offline.step2 li:nth-child(3) dl:before, .contract-info ul.description.offline.step2 li:nth-child(3) dl:before, .progress ul.description.offline.step3 li:nth-child(4) dl:before, .contract-info ul.description.offline.step3 li:nth-child(4) dl:before, .progress ul.description.offline.step4 li:nth-child(5) dl:before, .contract-info ul.description.offline.step4 li:nth-child(5) dl:before, .progress ul.description.online.step0 li:first-child dl:before, .contract-info ul.description.online.step0 li:first-child dl:before, .progress ul.description.online.step2 li:nth-child(2) dl:before, .contract-info ul.description.online.step2 li:nth-child(2) dl:before, .progress ul.description.online.step3 li:nth-child(3) dl:before, .contract-info ul.description.online.step3 li:nth-child(3) dl:before, .progress ul.description.online.step4 li:nth-child(4) dl:before, .contract-info ul.description.online.step4 li:nth-child(4) dl:before, .contract-info ul.description.online.step1 li:nth-child(2) dl:before { top: -11px; margin-left: -10px; width: 16px; height: 16px; background: #338bf1; border-width: 4px; }
.progress ul.description li.now dt, .contract-info ul.description li.now dt, .progress ul.description.offline.step0 li:first-child dt, .contract-info ul.description.offline.step0 li:first-child dt, .progress ul.description.offline.step1 li:nth-child(2) dt, .contract-info ul.description.offline.step1 li:nth-child(2) dt, .progress ul.description.offline.step2 li:nth-child(3) dt, .contract-info ul.description.offline.step2 li:nth-child(3) dt, .progress ul.description.offline.step3 li:nth-child(4) dt, .contract-info ul.description.offline.step3 li:nth-child(4) dt, .progress ul.description.offline.step4 li:nth-child(5) dt, .contract-info ul.description.offline.step4 li:nth-child(5) dt, .progress ul.description.online.step0 li:first-child dt, .contract-info ul.description.online.step0 li:first-child dt, .progress ul.description.online.step2 li:nth-child(2) dt, .contract-info ul.description.online.step2 li:nth-child(2) dt, .progress ul.description.online.step3 li:nth-child(3) dt, .contract-info ul.description.online.step3 li:nth-child(3) dt, .progress ul.description.online.step4 li:nth-child(4) dt, .contract-info ul.description.online.step4 li:nth-child(4) dt, .contract-info ul.description.online.step1 li:nth-child(2) dt { border-top-color: #338bf1; }
.progress ul.description li.pass dl:before, .contract-info ul.description li.pass dl:before, .progress ul.description.offline.step1 li:first-child dl:before, .contract-info ul.description.offline.step1 li:first-child dl:before, .progress ul.description.offline.step2 li:first-child dl:before, .contract-info ul.description.offline.step2 li:first-child dl:before, .progress ul.description.offline.step2 li:nth-child(2) dl:before, .contract-info ul.description.offline.step2 li:nth-child(2) dl:before, .progress ul.description.offline.step3 li:first-child dl:before, .contract-info ul.description.offline.step3 li:first-child dl:before, .progress ul.description.offline.step3 li:nth-child(2) dl:before, .contract-info ul.description.offline.step3 li:nth-child(2) dl:before, .progress ul.description.offline.step3 li:nth-child(3) dl:before, .contract-info ul.description.offline.step3 li:nth-child(3) dl:before, .progress ul.description.offline.step4 li:first-child dl:before, .contract-info ul.description.offline.step4 li:first-child dl:before, .progress ul.description.offline.step4 li:nth-child(2) dl:before, .contract-info ul.description.offline.step4 li:nth-child(2) dl:before, .progress ul.description.offline.step4 li:nth-child(3) dl:before, .contract-info ul.description.offline.step4 li:nth-child(3) dl:before, .progress ul.description.offline.step4 li:nth-child(4) dl:before, .contract-info ul.description.offline.step4 li:nth-child(4) dl:before, .progress ul.description.online.step2 li:first-child dl:before, .contract-info ul.description.online.step2 li:first-child dl:before, .progress ul.description.online.step3 li:first-child dl:before, .contract-info ul.description.online.step3 li:first-child dl:before, .progress ul.description.online.step3 li:nth-child(2) dl:before, .contract-info ul.description.online.step3 li:nth-child(2) dl:before, .progress ul.description.online.step4 li:first-child dl:before, .contract-info ul.description.online.step4 li:first-child dl:before, .progress ul.description.online.step4 li:nth-child(2) dl:before, .contract-info ul.description.online.step4 li:nth-child(2) dl:before, .progress ul.description.online.step4 li:nth-child(3) dl:before, .contract-info ul.description.online.step4 li:nth-child(3) dl:before, .contract-info ul.description.online.step1 li:first-child dl:before { background: #338bf1; }
.progress ul.description li.pass dt, .contract-info ul.description li.pass dt, .progress ul.description.offline.step1 li:first-child dt, .contract-info ul.description.offline.step1 li:first-child dt, .progress ul.description.offline.step2 li:first-child dt, .contract-info ul.description.offline.step2 li:first-child dt, .progress ul.description.offline.step2 li:nth-child(2) dt, .contract-info ul.description.offline.step2 li:nth-child(2) dt, .progress ul.description.offline.step3 li:first-child dt, .contract-info ul.description.offline.step3 li:first-child dt, .progress ul.description.offline.step3 li:nth-child(2) dt, .contract-info ul.description.offline.step3 li:nth-child(2) dt, .progress ul.description.offline.step3 li:nth-child(3) dt, .contract-info ul.description.offline.step3 li:nth-child(3) dt, .progress ul.description.offline.step4 li:first-child dt, .contract-info ul.description.offline.step4 li:first-child dt, .progress ul.description.offline.step4 li:nth-child(2) dt, .contract-info ul.description.offline.step4 li:nth-child(2) dt, .progress ul.description.offline.step4 li:nth-child(3) dt, .contract-info ul.description.offline.step4 li:nth-child(3) dt, .progress ul.description.offline.step4 li:nth-child(4) dt, .contract-info ul.description.offline.step4 li:nth-child(4) dt, .progress ul.description.online.step2 li:first-child dt, .contract-info ul.description.online.step2 li:first-child dt, .progress ul.description.online.step3 li:first-child dt, .contract-info ul.description.online.step3 li:first-child dt, .progress ul.description.online.step3 li:nth-child(2) dt, .contract-info ul.description.online.step3 li:nth-child(2) dt, .progress ul.description.online.step4 li:first-child dt, .contract-info ul.description.online.step4 li:first-child dt, .progress ul.description.online.step4 li:nth-child(2) dt, .contract-info ul.description.online.step4 li:nth-child(2) dt, .progress ul.description.online.step4 li:nth-child(3) dt, .contract-info ul.description.online.step4 li:nth-child(3) dt, .contract-info ul.description.online.step1 li:first-child dt { border-top-color: #338bf1; }
.progress ul.description .step1 img, .contract-info ul.description .step1 img { background-position: 0 -50px; height: 40px; width: 40px; }
.progress ul.description .step2 img, .contract-info ul.description .step2 img { background-position: 0 -150px; height: 40px; width: 40px; }
.progress ul.description .step2-1 img, .contract-info ul.description .step2-1 img { background-position: 0 -100px; height: 40px; width: 40px; }
.progress ul.description .step3 img, .contract-info ul.description .step3 img { background-position: 0 -200px; height: 40px; width: 40px; }
.progress ul.description .step4 img, .contract-info ul.description .step4 img { background-position: 0 -250px; height: 40px; width: 40px; }
.progress ul.description .step1-1 img, .contract-info ul.description .step1-1 img { background-position: 0 0; height: 40px; width: 40px; }
.progress ul.description.offline li, .contract-info ul.description.offline li { width: 20%; }
.progress ul.description.online li, .contract-info ul.description.online li { width: 25%; }

/*------------购物车结算进度条-----------*/
.progress2 { position: relative; }
.progress2:before { content: ""; position: absolute; left: 0; top: 12px; width: 100%; height: 3px; background: #e5e5e5; }
.progress2:after { content: ""; position: absolute; left: 0; top: 12px; height: 3px; background: #2ad38a; }
.progress2 li { position: relative; float: left; text-align: center; }
.progress2 li .circle { position: relative; display: inline-block; width: 38px; height: 28px; background: #fff; z-index: 9; }
.progress2 li .circle:before { content: ""; position: relative; display: inline-block; width: 4px; height: 8px; top: 2px; left: 1px; border-style: solid; border-width: 0; border-color: transparent #fff #fff transparent; z-index: 3; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.progress2 li .circle:after { content: ""; position: absolute; left: 0; top: 0; display: inline-block; width: 19px; height: 19px; margin: 0 5px; border-radius: 100%; border: 5px solid #fff; background: #ccc; z-index: 2; }
.progress2 li .text { margin-top: 7px; color: #888; }
.progress2 li.active .circle:before, .progress2.step0 li:first-child .circle:before, .progress2.step1 li:first-child .circle:before, .progress2.step1 li:nth-child(2) .circle:before, .progress2.step2 li:first-child .circle:before, .progress2.step2 li:nth-child(2) .circle:before, .progress2.step2 li:nth-child(3) .circle:before, .progress2.step3 li .circle:before { border-width: 1px; }
.progress2 li.active .circle:after, .progress2.step0 li:first-child .circle:after, .progress2.step1 li:first-child .circle:after, .progress2.step1 li:nth-child(2) .circle:after, .progress2.step2 li:first-child .circle:after, .progress2.step2 li:nth-child(2) .circle:after, .progress2.step2 li:nth-child(3) .circle:after, .progress2.step3 li .circle:after { background: #2ad38a; border-color: #d4f6e8; }
.progress2 li:first-child { padding-right: 20px; }
.progress2 li:nth-child(2) { padding: 0 20px; }
.progress2 li:nth-child(3) { padding: 0 25px 0 35px; }
.progress2 li:last-child { padding-left: 35px; }
.progress2.step0:after { width: 20%; }
.progress2.step1:after { width: 50%; }
.progress2.step2:after { width: 80%; }
.progress2.step3:after { width: 100%; }

/*--------------------合同信息页--------------------*/
.contract-info ul.description.online li { width: 25%; }

.order .logistics ul li { padding-bottom: 10px; color: #666; border-left: 1px solid #e5e5e5; vertical-align: top; min-height: 25px; line-height: 0.6rem; }
.order .logistics ul li .time { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 140px; margin-right: 40px; }
.order .logistics ul li .text { display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 600px; margin-top: -4px; vertical-align: top; line-height: 1.25rem; }
.order .logistics ul li:before { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; width: 5px; height: 5px; margin-left: -6px; margin-right: 14px; background: #e5e5e5; border: 3px solid #fff; border-radius: 100%; }
.order .logistics ul li.now, .order .logistics .progress ul.description.offline.step0 li:first-child, .progress .order .logistics ul.description.offline.step0 li:first-child, .order .logistics .contract-info ul.description.offline.step0 li:first-child, .contract-info .order .logistics ul.description.offline.step0 li:first-child, .order .logistics .progress ul.description.offline.step1 li:nth-child(2), .progress .order .logistics ul.description.offline.step1 li:nth-child(2), .order .logistics .contract-info ul.description.offline.step1 li:nth-child(2), .contract-info .order .logistics ul.description.offline.step1 li:nth-child(2), .order .logistics .progress ul.description.offline.step2 li:nth-child(3), .progress .order .logistics ul.description.offline.step2 li:nth-child(3), .order .logistics .contract-info ul.description.offline.step2 li:nth-child(3), .contract-info .order .logistics ul.description.offline.step2 li:nth-child(3), .order .logistics .progress ul.description.offline.step3 li:nth-child(4), .progress .order .logistics ul.description.offline.step3 li:nth-child(4), .order .logistics .contract-info ul.description.offline.step3 li:nth-child(4), .contract-info .order .logistics ul.description.offline.step3 li:nth-child(4), .order .logistics .progress ul.description.offline.step4 li:nth-child(5), .progress .order .logistics ul.description.offline.step4 li:nth-child(5), .order .logistics .contract-info ul.description.offline.step4 li:nth-child(5), .contract-info .order .logistics ul.description.offline.step4 li:nth-child(5), .order .logistics .progress ul.description.online.step0 li:first-child, .progress .order .logistics ul.description.online.step0 li:first-child, .order .logistics .contract-info ul.description.online.step0 li:first-child, .contract-info .order .logistics ul.description.online.step0 li:first-child, .order .logistics .progress ul.description.online.step2 li:nth-child(2), .progress .order .logistics ul.description.online.step2 li:nth-child(2), .order .logistics .contract-info ul.description.online.step2 li:nth-child(2), .contract-info .order .logistics ul.description.online.step2 li:nth-child(2), .order .logistics .progress ul.description.online.step3 li:nth-child(3), .progress .order .logistics ul.description.online.step3 li:nth-child(3), .order .logistics .contract-info ul.description.online.step3 li:nth-child(3), .contract-info .order .logistics ul.description.online.step3 li:nth-child(3), .order .logistics .progress ul.description.online.step4 li:nth-child(4), .progress .order .logistics ul.description.online.step4 li:nth-child(4), .order .logistics .contract-info ul.description.online.step4 li:nth-child(4), .contract-info .order .logistics ul.description.online.step4 li:nth-child(4), .order .logistics .contract-info ul.description.online.step1 li:nth-child(2), .contract-info .order .logistics ul.description.online.step1 li:nth-child(2) { color: #338bf1; }
.order .logistics ul li.now:before, .order .logistics .progress ul.description.offline.step0 li:first-child:before, .progress .order .logistics ul.description.offline.step0 li:first-child:before, .order .logistics .contract-info ul.description.offline.step0 li:first-child:before, .contract-info .order .logistics ul.description.offline.step0 li:first-child:before, .order .logistics .progress ul.description.offline.step1 li:nth-child(2):before, .progress .order .logistics ul.description.offline.step1 li:nth-child(2):before, .order .logistics .contract-info ul.description.offline.step1 li:nth-child(2):before, .contract-info .order .logistics ul.description.offline.step1 li:nth-child(2):before, .order .logistics .progress ul.description.offline.step2 li:nth-child(3):before, .progress .order .logistics ul.description.offline.step2 li:nth-child(3):before, .order .logistics .contract-info ul.description.offline.step2 li:nth-child(3):before, .contract-info .order .logistics ul.description.offline.step2 li:nth-child(3):before, .order .logistics .progress ul.description.offline.step3 li:nth-child(4):before, .progress .order .logistics ul.description.offline.step3 li:nth-child(4):before, .order .logistics .contract-info ul.description.offline.step3 li:nth-child(4):before, .contract-info .order .logistics ul.description.offline.step3 li:nth-child(4):before, .order .logistics .progress ul.description.offline.step4 li:nth-child(5):before, .progress .order .logistics ul.description.offline.step4 li:nth-child(5):before, .order .logistics .contract-info ul.description.offline.step4 li:nth-child(5):before, .contract-info .order .logistics ul.description.offline.step4 li:nth-child(5):before, .order .logistics .progress ul.description.online.step0 li:first-child:before, .progress .order .logistics ul.description.online.step0 li:first-child:before, .order .logistics .contract-info ul.description.online.step0 li:first-child:before, .contract-info .order .logistics ul.description.online.step0 li:first-child:before, .order .logistics .progress ul.description.online.step2 li:nth-child(2):before, .progress .order .logistics ul.description.online.step2 li:nth-child(2):before, .order .logistics .contract-info ul.description.online.step2 li:nth-child(2):before, .contract-info .order .logistics ul.description.online.step2 li:nth-child(2):before, .order .logistics .progress ul.description.online.step3 li:nth-child(3):before, .progress .order .logistics ul.description.online.step3 li:nth-child(3):before, .order .logistics .contract-info ul.description.online.step3 li:nth-child(3):before, .contract-info .order .logistics ul.description.online.step3 li:nth-child(3):before, .order .logistics .progress ul.description.online.step4 li:nth-child(4):before, .progress .order .logistics ul.description.online.step4 li:nth-child(4):before, .order .logistics .contract-info ul.description.online.step4 li:nth-child(4):before, .contract-info .order .logistics ul.description.online.step4 li:nth-child(4):before, .order .logistics .contract-info ul.description.online.step1 li:nth-child(2):before, .contract-info .order .logistics ul.description.online.step1 li:nth-child(2):before { background: #338bf1; }
.order .logistics ul li:last-child { border-color: transparent; }

.order .addr_info .header { margin-bottom: 20px; }
.order .addr_info .row { *zoom: 1; margin-bottom: 8px; }
.order .addr_info .row:after { content: ""; display: table; clear: both; }
.order .addr_info .row .col1 label, .order .addr_info .row .col2 label { display: inline-block; width: 100px; text-align: right; margin-right: 5px; }
.order .addr_info .row .col1 span, .order .addr_info .row .col2 span { margin-right: 15px; color: #666; }
.order .addr_info .hr { margin: 20px 0 13px; }
.order .addr_info .table, .order .addr_info .tableLayer { margin: 20px 0 32px; }
.order .addr_info .table tbody td, .order .addr_info .tableLayer tbody td { height: 80px; }

/*------------购物车结算页-----------*/
.order_pay .header { margin-bottom: 20px; }
.order_pay .addr .header_mes { overflow: hidden; *zoom: 1; height: 80px; line-height: 80px; }
.order_pay .addr .header_mes h2 { font-size: 18px; color: #222; float: left; font-weight: normal; }
.order_pay .addr .header_mes span { float: right; font-size: 14px; color: #888; }
.order_pay .addr li { margin-bottom: 20px; }
.order_pay .addr .pay_addr :nth-of-type(4) { margin-right: 0px; }
.order_pay .addr .pay_addr :nth-of-type(8) { margin-right: 0px; }
.order_pay .addr .pay_addr dl.pit_on { border: 1px solid #338bf1; }
.order_pay .addr .pay_addr > dl { padding: 25px; width: 220px; margin-right: 20px; height: 148px; border: 1px solid #e5e5e5; float: left; margin-bottom: 30px; }
.order_pay .addr .pay_addr > dl > dt { width: 220px; margin: 0px; }
.order_pay .addr .pay_addr > dl > dt p { float: left; font-size: 18px; color: #222; }
.order_pay .addr .pay_addr > dl > dt span.addr_de { float: right; font-size: 14px; color: #888; }
.order_pay .addr .pay_addr > dl > dt span.addr_de input:checked + i { display: block; float: right; }
.order_pay .addr .pay_addr > dl > dt span.addr_de input:not(:checked) + i { display: none; }
.order_pay .addr .pay_addr dd { font-size: 14px; color: #888; text-align: left; margin: 0px; }
.order_pay .addr .pay_addr dd.amend { color: #338bf1; text-align: right; display: none; }
.order_pay .addr .pay_addr .mes_add { margin-right: 0px; }
.order_pay .addr .pay_addr .mes_add > dt { margin: 40px 0px 7px 0px; }
.order_pay .addr .pay_addr .mes_add > dt > a { display: block; text-align: center; }
.order_pay .addr .pay_addr .mes_add > dt > a img { width: 35px; height: 35px; }
.order_pay .addr .pay_addr .mes_add dd { text-align: center; }
.order_pay .pay_type { margin-top: 20px; /*.btn-info { &:hover,&.active{border: 2px solid $border-primary-color;}
}*/ }
.order_pay .pay_type span { position: relative; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; margin-right: 15px; }
.order_pay .pay_type span input { position: absolute; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; }
.order_pay .pay_type span label { background-color: #fff; }
.order_pay .pay_type span input:checked + label { border: 2px solid #338bf1; }
.order_pay .info { margin-top: 50px; }
.order_pay .info .table, .order_pay .info .tableLayer { margin-bottom: 35px; }
.order_pay .info .table tbody td, .order_pay .info .tableLayer tbody td { height: 80px; }
.order_pay .deliver { margin-bottom: 50px; }
.order_pay .form-block dt { width: 110px; margin-right: 15px; color: #666; }
.order_pay .form-block dd { margin-left: 125px; }
.order_pay .form-block dd input { width: 330px; }
.order_pay .form-block .header3 { overflow: hidden; *zoom: 1; }
.order_pay .form-block .header3 dl.fl dd { margin: 0; }
.order_pay .form-block .h_border { border-bottom: 1px solid #e5e5e5; }

/*------------购物车-----------*/
.order_car .table tbody td, .order_car .tableLayer tbody td { border-right: none; }
.order_car .checkbox-wrap label { margin-right: 0; }
.order_car .checkbox-wrap label:before { margin-right: 0; }
.order_car .num_box { position: relative; overflow: hidden; *zoom: 1; width: 100px; height: 26px; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 4px; }
.order_car .num_box .cut { float: left; width: 30px; height: 100%; }
.order_car .num_box .cut:after { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background-position: 0 -48px; height: 3px; width: 15px; }
.order_car .num_box input.num { float: left; width: 33px; padding: 0 2px; height: 100%; text-align: center; border: 1px solid #e5e5e5; border-top: none; border-bottom: none; }
.order_car .num_box input.insert { position: absolute; }
.order_car .num_box .add { float: left; width: 30px; height: 100%; }
.order_car .num_box .add:after { content: ""; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; background-position: 0 -24px; height: 14px; width: 14px; }
.order_car .pay_bar { padding-left: 12px; }

.tableLayer { margin: 15px 0 20px; }
.tableLayer td { vertical-align: top; }
.tableLayer dl.row { padding: 10px 0; }
.tableLayer dt { float: left; width: 50%; text-align: right; }
.tableLayer dd { float: left; width: 50%; text-align: left; color: #666; }

/*--------------------支付页面  收银台头部-----------------------*/
nav.pay_menu { margin-bottom: 30px; padding: 17px 0 15px; height: 60px; line-height: 49px; }
nav.pay_menu .max-w .logo { width: auto; margin-right: 25px; }
nav.pay_menu .max-w .logo img { border-right: 1px solid #fff; padding-right: 25px; }
nav.pay_menu .max-w .title { color: #fff; font-size: 18px; vertical-align: text-top; }
nav.pay_menu .max-w .phone { color: #fff; }
nav.pay_menu .max-w .phone .one { padding: 0px 15px; }
nav.pay_menu .max-w .phone i { font-weight: bold; }

/*订单成功提交页面 dasuPay*/
.dasupay .pay_header { padding: 35px 20px; background: #fff; }
.dasupay .pay_top { padding: 55px 25px 55px 50px; margin: 10px 0; background-color: #fff; }
.dasupay .pay_top .r { margin-left: 110px; }
.dasupay .pay_top > dl dt { margin-bottom: 10px; font-size: 24px; }
.dasupay .pay_top > dl dd { color: #888; }
.dasupay .pay_top .payable { margin-top: 14px; color: #888; }
.dasupay .pay_top .payable i { font-size: 24px; color: #ff5555; }
.dasupay .pay_top .save_ui { float: left; }
.dasupay .pay_center { background-color: #fff; padding: 45px 25px 50px 50px; margin-bottom: 35px; }
.dasupay .pay_center .money { color: #888; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 15px; }
.dasupay .pay_center .money dt { font-size: 18px; }
.dasupay .pay_center .deal { margin-bottom: 40px; }
.dasupay .pay_center .pay { line-height: 35px; }
.dasupay .pay_center .pay dd { float: left; margin-right: 20px; }
.dasupay .pay_center .pay dd a { color: #338bf1; }
.dasupay .pay_center .pay .bar { margin: 0 auto 20px; padding-left: 1px; position: relative; border: 1px solid #9f9fa0; border-radius: 3px; }
.dasupay .pay_center .pay .bar.disabled { background: #c8c8c8; }
.dasupay .pay_center .pay .bar .fake-box { padding: 0 1px; }
.dasupay .pay_center .pay .bar .fake-box input { width: 40px; height: 47px; /*background: #c8c8c8;*/ border: none; border-right: 1px solid #e5e5e5; font-size: 30px; text-align: center; padding: 0px; }
.dasupay .pay_center .pay .bar .fake-box .last { border-right: none; }
.dasupay .pay_btn { margin-top: 30px; -moz-transition: -moz-transform, 0.5s; -o-transition: -o-transform, 0.5s; -webkit-transition: -webkit-transform, 0.5s; transition: transform, 0.5s; }
.dasupay .pay_btn:focus, .dasupay .pay_btn:hover { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }

/*绿色圆形勾选图标样式*/
.save_ui { /*  margin-top: 40px; margin-right: 111px; */ }
.save_ui div.save_grade + span:before { content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); font-size: 15px; color: #fff; text-align: center; line-height: 42px; font-size: 32px; box-shadow: none; text-shadow: none; cursor: auto; }
.save_ui span.save_box { display: inline-block; cursor: pointer; position: relative; margin-right: 15px; font-size: 13px; font-size: 18px; font-weight: bold; cursor: auto; }
.save_ui span.save_box:before { content: ""; display: inline-block; width: 40px; height: 40px; vertical-align: middle; border: 1px solid #ccc; border-radius: 100%; margin-right: 5px; background-color: #4fd268; }

/* 订单提交-线下支付 */
/*支付成功-大塑支付*/
.indent .success { position: relative; background-color: #fff; padding: 50px 40px 35px; margin-top: 10px; }
.indent .success .l { float: left; }
.indent .success .r { margin-left: 110px; }
.indent .success .save_ui {       /*span.save_box{ @include radio_checkbox(20px,20px,$save_color,circle); font-size: 20px; color: $save_color; margin-bottom: 20px;
 }*/ }
.indent .success .save_ui div.save_grade + span:before { content: "\2713"; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); font-size: 15px; color: #fff; text-align: center; line-height: 19px; font-size: 14px; box-shadow: none; text-shadow: none; margin-right: 0px; }
.indent .success .save_ui h1 { margin-bottom: 10px; font-size: 24px; font-weight: normal; color: #222; }
.indent .success .online { width: 547px; color: #ff5555; margin-bottom: 35px; }
.indent .success .offline { padding-bottom: 50px; margin-bottom: 25px; margin-right: 300px; border-bottom: 1px solid #e5e5e5; }
.indent .success .offline .tip { width: 547px; margin-bottom: 35px; }
.indent .success .offline dl { line-height: 29px; }
.indent .success .offline dl dt { float: left; width: 80px; }
.indent .success .offline dl dd { color: #888; }
.indent .success .offline .ps { margin-top: 5px; }
.indent .success dl.detail { line-height: 29px; }
.indent .success dl.detail dd span { color: #888; }
.indent .success .indent_btn { margin-top: 30px; }
.indent .success .indent_btn a { border-radius: 4px; margin-right: 20px; }
.indent .success .indent_btn .share { background: #fff url(/res/mpe/img/share.png) no-repeat 14px center; width: 32px; padding-left: 32px; }
.indent .success .indent_btn .share:hover { background-color: #f0f0f0; border-color: #dddddd; }
.indent .success .wechat { position: absolute; top: 148px; right: 76px; width: 168px; }
.indent .success .wechat dt { height: 168px; }
.indent .success .wechat dd { text-align: center; }
.indent .hint { background-color: #fff; padding: 35px 40px 40px 150px; margin-top: 10px; margin-bottom: 30px; line-height: 30px; }
.indent .hint h3 { font-weight: normal; color: #000; }
.indent .hint p { color: #888; }
.indent .hint span { color: #338bf1; }

/*提货单表单详情*/
.pick_up { color: #666; }
.pick_up table thead th { font-weight: normal; font-size: 25px; letter-spacing: 2px; }
.pick_up table tbody tr .auth { text-align: left; padding: 15px; }
.pick_up table tbody tr .auth i { text-align: right; display: block; }
.pick_up table tbody tr .auth span { margin-top: 120px; display: inline-block; }
.pick_up table tbody tr td, .pick_up table tbody tr th { border-right: 1px solid #e5e5e5; height: 56px; word-wrap: break-word; font-weight: normal; }
.pick_up table tbody tr th { color: #338bf1; }
.pick_up table tbody .time td { padding: 0 65px; }
.pick_up table tbody .time dt, .pick_up table tbody .time dd { float: left; }
.pick_up table tbody .mark td { color: #ff5555; }
.pick_up .remark { margin: 0 16px 0 32px; line-height: 38px; }
.pick_up .remark p, .pick_up .remark dl { margin: 0 16px 0 32px; }
.pick_up .remark dl.fr { margin-right: 32px; }

/*MPE在线平台交易框架协议*/
.contract_txt { color: #666; }
.contract_txt h2.title { text-align: center; font-size: 27px; background-color: #eee; height: 60px; line-height: 60px; }
.contract_txt p { text-indent: 2em; margin-bottom: 10px; }
.contract_txt .section { margin: 30px 20px; }
.contract_txt .section h2 { margin-bottom: 15px; }
.contract_txt .section table { width: 93%; margin: auto; text-align: center; }
.contract_txt .section table input { width: 100%; border: none; }
.contract_txt .section table th { font-weight: normal; letter-spacing: 2px; }
.contract_txt .section table td, .contract_txt .section table th { border-right: 1px solid #e5e5e5; height: 56px; word-wrap: break-word; font-weight: normal; }
.contract_txt .section input { text-align: center; border: none; border-bottom: 1px solid #666; width: 82px; }
.contract_txt .section .content { margin: 0 2em; line-height: 24px; }
.contract_txt .section .content span { display: block; }
.contract_txt .section .content .lg { width: 460px; }
.contract_txt .section dl { line-height: 55px; font-weight: bold; }
